.my-navbar {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 60px;
  height: 3.4375rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #fff;
  box-shadow: 0px 0px 1px  1px #f4f4f4; }
  .my-navbar span {
    color: #767676; }
  .my-navbar a {
    line-height: 3.4375rem; }
  .my-navbar .texthr {
    border-right: 0.0625rem solid #d1d1d1;
    height: 2.1875rem;
    margin-top: 0.625rem; }

.my-navbar > .left > li {
  margin: 0rem 1.25rem; }
  .my-navbar > .left > li a span {
    display: inline-block;
    height: 3.375rem;
    border-bottom: 0.125rem solid #fff; }

.my-navbar > .center {
  flex: 1;
  overflow-x: auto; }
  .my-navbar > .center > ul {
    display: flex;
    flex-direction: row; }
    .my-navbar > .center > ul > li {
      padding-left: 28px;
      flex-shrink: 0; }
      .my-navbar > .center > ul > li > a {
        line-height: 3.125rem; }

.my-navbar > .right {
  text-align: right;
  position: fixed;
  right: 0rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 5%, rgba(255, 255, 255, 0.5) 10%, white 40%);
  width: 9.375rem; }
  .my-navbar > .right a {
    display: inline-block;
    padding-right: 1.25rem; }
    .my-navbar > .right a span {
      display: inline-block;
      height: 3.375rem;
      border-bottom: 0.125rem solid #fff; }

.my-navbar .hoverColor:hover {
  color: #000; }
  .my-navbar .hoverColor:hover span {
    color: #000; }

.my-navbar .hoverBg:hover {
  border: 1px solid #000 !important; }

.my-navbar .router-link-active {
  color: #000 !important; }
  .my-navbar .router-link-active span {
    color: #000;
    border-color: #000 !important; }
